<div class="headerBg">
  <div class="row navBox">
      <div class=" navLogo">
          <p>下午好！欢迎来到标引平台！</p>
          <div class="logoBox">
              <img src="assets/indexing/logo.png">
          </div>
      </div>
      <div class=" navTxt">
            <!-- <mat-tab-group> -->  
          <ul class="nav nav-pills nav-justified">
              <li  *ngIf="right['home']['view']"><a routerLink="/home" routerLinkActive="active" mat-flat-button><img style="width: 24px;" src="assets/indexing/u41.svg"/>首页</a></li>
              <li><a (click)="indexingtasklist()" routerLink="/product" routerLinkActive="active" [ngClass]="{'active': router.url.includes('/system/project') || router.url.includes('/internal') || router.url.includes('/system/template') || router.url.includes('/system/template_attribute')}" mat-flat-button><img src="assets/indexing/TitleIcon01.png"/>标引任务管理</a></li>
              <!-- <li  *ngIf="right['product']['view']"><a label="产品标引任务" (click)="productclick()" routerLink="/product" [queryParams]="{ taskType : 0 }" routerLinkActive="active" [ngClass]="{'active': router.url.includes('/internal') && router.url.includes('taskType=0')}" mat-flat-button><img src="assets/indexing/TitleIcon01.png"/>产品标引任务</a></li>
              <li *ngIf="right['internal']['view']"><a (click)="internalclick()" routerLink="/product" [queryParams]="{ taskType : 1 }" routerLinkActive="active" [ngClass]="{'active': router.url.includes('/internal') && router.url.includes('taskType=1')}" mat-flat-button><img src="assets/indexing/TitleIcon02.png"/>内文标引任务</a></li>
              <li *ngIf="right['themeInternal']['view']"><a (click)="themeInternalclick()" routerLink="/product" [queryParams]="{ taskType : 2 }" routerLinkActive="active" [ngClass]="{'active': router.url.includes('/internal') && router.url.includes('taskType=2')}" mat-flat-button><img src="assets/indexing/TitleIcon04.png"/>主题词标引任务</a></li> -->
              
              <li *ngIf="right['keyword']['view']"><a (click)="keywordclick()" routerLink="/keyword" routerLinkActive="active" [ngClass]="{'active': router.url.includes('/system/table') || router.url.includes('/system/theme-tag') || router.url.includes('/system/table-tag')}" mat-flat-button><img src="assets/indexing/TitleIcon03.png"/>主题词管理</a></li>
              <!-- <li *ngIf="right['synonym']['view']"><a  routerLink="/synonym" routerLinkActive="active" mat-flat-button><img src="assets/indexing/TitleIcon04.png"/>同义词管理</a></li> -->
              <li *ngIf="right['content']['view']">
                  <a class="dropdown-toggle" routerLinkActive="active" mat-flat-button [ngClass]="{'active': router.url.includes('/content/product') || router.url.includes('/content/innertext')}"
                   data-toggle="collapse" href="#contentExample" aria-expanded="false" aria-controls="contentExample" (click)="tiv()">
                    <img src="assets/indexing/TitleIcon07.png"/>内容管理
                  </a>
                  <div class="collapse eject " id="contentExample"  >
                    <ul class="eject-ul">
                        <li *ngIf="right['contentProduct']['view']" routerLinkActive="active" (click)="clo()" routerLink="/content/product">产品内容</li>
                        <li *ngIf="right['contentInnertext']['view']" routerLinkActive="active" (click)="clo()" routerLink="/content/innertext">内文内容</li>
                    </ul>
                  </div>
              </li>
              <li *ngIf="right['report']['view']"><a (click)="reportclick()" routerLink="/report/product" [ngClass]="{'active': router.url.includes('/report')}" mat-flat-button><img style="width: 24px;" src="assets/indexing/u44.svg"/>报表统计</a></li>
              <li *ngIf="right['user']['view']"><a routerLink="/user/role" mat-flat-button [ngClass]="{'active': router.url.includes('/user')}" ><img src="assets/indexing/TitleIcon05.png"/>用户管理</a></li>
              <li *ngIf="right['system']['view']"><a routerLink="/system/sysconfig" mat-flat-button [ngClass]="{'active': router.url.includes('/system') && !router.url.includes('/system/project') && !router.url.includes('/system/table') && !router.url.includes('/system/theme-tag') && !router.url.includes('/system/table-tag') && !router.url.includes('/system/template') && !router.url.includes('/system/template_attribute')}" ><img src="assets/indexing/TitleIcon06.png"/>系统设置</a></li>
          </ul>
        <!-- </mat-tab-group> -->
      </div>
      <div class=" navUser">
          <span><a>下午好！&nbsp; {{userName}}</a></span>
          <span><a routerLink="/login" (click)="logout(realName)"><img style="margin-right:5px" src="assets/indexing/Close.png"/>退出</a></span>
      </div>
  </div>
  <div class="row tabBox">
      <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12 tabTxt ">
          <ul class="nav nav-pills myTab">
              <li class="li_bordet_right" *ngFor="let val of tabBoxData;">
                  <a href="#{{val.value}}" mat-button [ngClass]="{'active':val.value == router.url}">{{val.name}}
                    
                  </a>
                  <img (click)="closeTabBox(val.value,$event)" src="assets/indexing/tabClose.png"/>
              </li>
              <a class="closes" (click)="closeAll()" mat-button> All<img src="assets/indexing/closes.png"></a>
          </ul>
      </div>
  </div>
</div>

<p-toast position="center" class="toast-z-index"></p-toast>